<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>打印条码</title>
		<!-- 项目基准路径 -->
		<base href="/bestinc/" />

		<!-- 引入layui的css -->
		<link rel="stylesheet" href="static/layui/css/layui.css" media="all">

 		<!-- 引入美化css -->
		<link rel="stylesheet" href="static/css/util.css" media="all">

		<!-- 引入jqeury -->
		<script src="static/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>

		<!-- 引入layui的js -->
		<script src="static/layui/layui.js" type="text/javascript" charset="utf-8"></script>

		<!-- 引入打印订单 js-->
		<script src="static/js/delivery/pack/printBarCode.js" type="text/javascript" charset="utf-8"></script>
		
		<!--条形码生成JS  -->
		<script type="text/javascript" src="static/js/delivery/pack/JsBarcode.all.min.js"></script>
		
		<style type="text/css">
			.ban {
				cursor: not-allowed;
			}
			td {
				padding: 10px;
			}
		</style>
	</head>
	<body>
		<div id="content">
			<!-- 头部搜索框 -->
			<div id="search-header">
				<form class="layui-form" id="dytm">
					<div class="layui-form-item">
						<div class="layui-inline">
							<label class="layui-form-label">工作单号：</label>
							<div class="layui-input-inline">
								<select name="jobListNo" id="jobListNo" lay-filter="jobListNo" lay-search="">
						        	<option value="">请选择或搜索工作单号</option>
						       	</select>
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">分拣编码：</label>
							<div class="layui-input-inline">
								<input type="text" name="stripeCode" placeholder="" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">发货方式</label>
							<div class="layui-input-inline">
								<input type="text" name="product" disabled="disabled" class="layui-input ban" placeholder="">
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">数量</label>
							<div class="layui-input-inline">
								<input type="text" name="factQuantity" disabled="disabled" class="layui-input ban" placeholder="">
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">寄件人</label>
							<div class="layui-input-inline">
								<input type="text" name="sender" disabled="disabled" class="layui-input ban" placeholder="">
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">寄件人手机</label>
							<div class="layui-input-inline">
								<input type="text" name="senderCellPhone" disabled="disabled" class="layui-input ban" placeholder="">
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">寄件人地址</label>
							<div class="layui-input-inline">
								<input type="text" name="senderAddress" disabled="disabled" class="layui-input ban" placeholder="">
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">收件人</label>
							<div class="layui-input-inline">
								<input type="text" name="addressee" disabled="disabled" class="layui-input ban" placeholder="">
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">收件人手机</label>
							<div class="layui-input-inline">
								<input type="text" name="addresseeCellPhone" disabled="disabled" class="layui-input ban" placeholder="">
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">收件人地址</label>
							<div class="layui-input-inline">
								<input type="text" name="addresseeAddress" disabled="disabled" class="layui-input ban" placeholder="">
							</div>
						</div>
						<!-- <div class="layui-inline">
							<label class="layui-form-label">返货标志</label>
							<div class="layui-input-inline">
								<input type="text" name="returnProductSign" class="layui-input" placeholder="">
							</div>
						</div> -->
						<div class="layui-inline">
							<label class="layui-form-label">操作时间</label>
							<div class="layui-input-inline">
								<input type="text" name="storageTime" disabled="disabled" class="layui-input ban" placeholder="">
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label"></label>
							<div class="layui-inline">
								<button type="button" class="layui-btn" id="sctm">
									<i class="layui-icon layui-icon-print"></i> 生成条码
								</button>
							</div>
						</div>
					</div>
				</form>
			</div>

			<table id="barCodeTable" border="1px" style="display: none; margin: 50px auto 1px; text-align: center; font-size: 15px; border-collapse: collapse;">
				<thead style="background-color: #F0F8FF">
					<tr>
						<td colspan="9" style="font-size: 25px; border-bottom-color: #999;">bestnic物流条码打印</td>
					</tr>
					<tr>
						<td colspan="4" style="text-align: left;border-right-color: #F0F8FF;">工作单号：<span id="jobListNo_1"></span></td>
						<td colspan="5" style="text-align: right;">开单日期：<span id="storageTime"></span></td>
					</tr>
				</thead>
				<tbody>
					<tr style="text-align: center; background-color: #c9c9c9">
						<td>件数</td>
						<td>发货方式</td>
						<td>寄件人</td>
						<td>寄件人手机</td>
						<td>寄件地址</td>
						<td>收件人</td>
						<td>收件人手机</td>
						<td>收件地址</td>
						<td>条码</td>
					</tr>
					<tr style="background-color: #F0F8FF">
						<td><span id="factQuantity"></span></td>
						<td><span id="product"></span></td>
						<td><span id="sender"></span></td>
						<td><span id="senderAddress"></span></td>
						<td><span id="senderCellPhone"></span></td>
						<td><span id="addressee"></span></td>
						<td><span id="addresseeAddress"></span></td>
						<td><span id="addresseeCellPhone"></span></td>
						<td><img id="barCode" /></td>
					</tr>
				</tbody>
			</table>
		</div>
	</body>
</html>
